<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/xiangq.css">
    <link rel="stylesheet" href="../libs/iconfonts.css">
  <link rel="stylesheet" href="../libs/iconfontss.css">
  <link rel="stylesheet" href="../libs/iconfont.css">
</head>
<body>
    <div id="head">
        <div class="container top">
          <img src="../img/1.png" class="a">
          <a href=""> <span>发现</span></a>
          <a href="" class="one"><span>频道</span><span class="iconfont ">></span></a>
          <a href=""> <span>电台</span></a>
          <div class="search">
            <input type="text" placeholder="专辑/声音/主播">
            <button><span class="iconfont icon-31sousuo"></span></button>
          </div>
          <div class="font first">
            <span class="iconfont icon-yunduanshangchuan"></span>
            <span class="fon">上传</span>
          </div>
          <div class="font">
            <span class="iconfont icon-kongzhizhongxin"></span>
            <span class="fon">创作中心</span>
          </div>
          <div class="font">
            <span class="iconfont icon-ziti"></span>
            <span class="fon">有声出版</span>
          </div>
          <div class="font last">
            <span class="iconfont icon-diannao_o"></span>
            <span class="fon">客户端</span>
          </div>
          <img src="../img/2.png" class="b">
          <div class="fl container">
          <div class="p1 container">
            <div class="lx">小说</div>
            <div class="lx">儿童</div>
            <div class="lx">相声小品</div>
            <div class="lx">评书</div>
            <div class="lx">娱乐</div>
            <div class="lx">悬疑</div>
            <div class="lx">人文</div>
            <div class="lx">国学</div>
          </div>
          <div class="p1 container">
            <div class="lx">头条</div>
            <div class="lx">音乐</div>
            <div class="lx">历史</div>
            <div class="lx">情感</div>
            <div class="lx">投资理财</div>
            <div class="lx">个人提升</div>
            <div class="lx">健康</div>
            <div class="lx">生活</div>
          </div>
          <div class="p1 container">
            <div class="lx">影视</div>
            <div class="lx">商业管理</div>
            <div class="lx">英语</div>
            <div class="lx">少儿素养</div>
            <div class="lx">科技</div>
            <div class="lx">教育考试</div>
            <div class="lx">体育</div>
            <div class="lx">小语种</div>
          </div>
          </div>
          <div class="sc">
            <div class="tp">
              <div class="scd">
                <span class="iconfont icon-jianji"></span>
                <span>音频剪辑</span>
              </div>
              <div class="scd">
                <span class="iconfont icon-yunduanshangchuan"></span>
                <span>上传节目</span>
              </div>
              <div class="scd">
                <span class="iconfont icon-dianshi"></span>
                <span>我的节目</span>
              </div>
              <div class="scd">
                <span class="iconfont icon-vip"></span>
                <span>主播入驻</span>
              </div>
            </div>
            <div class="bt">
             <div class="im a"> <a href=""><img src="../img/audio_editor_1eca741.png"></a></div>
              <div class="im"><a href=""><img src="../img/audio_editor_1eca741.png"></a></div>
              <div  class="im"><a href=""><img src="../img/approve_entrance_193bf71.jpg"></a></div>
             <div class="im"> <a href=""><img src="../img/approve_entrance_193bf71.jpg"></a></div>
            </div>
          </div>
          <div class="khd">
            <div class="zm">
              <div><span class="iconfont icon-zhuomian"></span>桌面版</div>
              <img src="../img/下载.png">
              <button>立即下载</button>
            </div>
            <div class="sj">
              <div><span class="iconfont icon-shouji"></span>手机版</div>
              <img src="../img/qrcode_pc_herder_b951def.png">
            </div>
           <a href="">点击查看更多版本></a>
          </div>
          <div class="vip">送vip</div>
          <div class="dl">
            <div class="bj">
              <span>未登录</span>
            </div>
            <div class="rj">
              <span>快速登录</span>
              <div class="out">
                <div class="in">
                  <span class="iconfont icon-zhuomian"></span>
                  <span>账号</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-erweima"></span>
                  <span>二维码</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-weixin"></span>
                  <span>微信</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-xinlangweibo"></span>
                  <span>微博</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-QQ"></span>
                  <span>QQ</span>
                </div>
              </div>
            </div>
          </div>
          <div class="dls">
            <div class="bj">
              <span class="yh">用户:</span>
              <div>
                <span>邮件</span>
                <span>设置</span>
                <span class="tc">退出</span>
              </div>
            </div>
            <div class="rj">
              <span>快捷入口</span>
              <div class="out">
                <div class="in">
                  <span class="iconfont icon-zhuomian"></span>
                  <span>个人页</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-erweima"></span>
                  <span>订阅</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-weixin"></span>
                  <span>历史</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-xinlangweibo"></span>
                  <span>已购</span>
                </div>
                <div class="in">
                  <span class="iconfont icon-QQ"></span>
                  <span>喜欢</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="liner"></div>
      </div>
      <div id="content">
        <div class="container self">
            <div class="title">
                <span>首页>频道></span>
                <span>平凡的世界</span>
              </div>
              <div class="imp">
                <!-- <div class="wrap">
                    <div class="smallBox">
                        <img src="https://imagev2.xmcdn.com/storages/3f77-audiofreehighqps/FF/C2/CKwRIMAEngFSAAEtnAC52FdP.jpg!strip=1&quality=7&magick=webp&op_type=5&upload_type=album&name=mobile_large&device_type=ios" alt="">
                        <span></span>
                    </div>
                    <div class="bigBox">
                        <img src="https://imagev2.xmcdn.com/storages/3f77-audiofreehighqps/FF/C2/CKwRIMAEngFSAAEtnAC52FdP.jpg!strip=1&quality=7&magick=webp&op_type=5&upload_type=album&name=mobile_large&device_type=ios">
                    </div>
                </div>
                <div class="name">
                    <p>平凡的世界 | 路遥代表作，杨晨、张震双播</p>
                    <div class="pf">
                        <span>评分:9.7分</span>
                        <div class="num">
                            <span class="iconfont icon-18erji-2"></span>
                             <span> 1428万</span>
                           </div>
                    </div>
                    <div class="btn">
                        <button type="text" class="b1">6元开会员，免费听</button>
                        <button type="text" class="b2">购买 | 79.00喜点</button>
                    </div>
                </div> -->
              </div>
        </div>
      </div>
      <div id="footer">
        <div class="container js">
          <div class="pt">
            <div class="le">
              <div class="box">
                <img src="../img/a.png">
                <p>开放平台</p>
                <span>对接海量精彩内容</span>
              </div>
              <div class="box">
                <img src="../img/b.png">
                <p>云剪辑</p>
                <span>在线音频剪辑神器</span>
              </div>
              <div class="box">
                <img src="../img/c.png">
                <p>主播培训</p>
                <span>兼职副业，兴趣赚钱</span>
              </div>
              <div class="box">
                <img src="../img/d.png">
                <p>小雅智能</p>
                <span>智能硬件，连接赋能</span>
              </div>
              <div class="box">
                <img src="../img/e.png">
                <p>车联网平台</p>
                <span>自在出行，听我想听</span>
              </div>
              <div class="box">
                <img src="../img/f.png">
                <p>企业版</p>
                <span>员工学习，企业买单</span>
              </div>
            </div>
            <div class="ri">
              <button>手机端<span class="iconfont icon-erweima"></span></button>
              <button>电脑端<span class="iconfont icon-xiajiantou"></span></button>
            </div>
          </div>
          <div class="wz">
            <span>喜马拉雅是专业的音频分享平台，汇集了有声小说、有声读物、有声书、儿童睡前故事、相声小品、鬼故事等数亿条音频。随时随地，听我想听。</span>
            <span>地址：上海市浦东新区张江丹桂路799号国创中心三期1-2号楼  客服热线：400-838-5616  举报邮箱：jubao@ximalaya.com  《举报受理和处置管理办法》</span>
            <span>营业执照  |   信息网络传播视听节目许可证：1908287号  |  互联网直播服务备案号：沪ILS备201708210007  |  网络文化经营许可证：沪网文【2019】5471-359号  |  沪ICP备13027243号-3</span>
            <span>广播电视节目制作经营许可证：(沪)字第02126号  |  出版物经营许可证：新出发沪零字第K8265号  |  增值电信业务经营许可证：沪B2-20200133  |  酒类商品零售许可证：JY13101120228795-JL</span>
            <span>教育移动互联网应用程序备案：教APP备3100590号  |  食品经营许可证：JY13101120228795  |  互联网药品信息服务资格证：(沪)-经营性-2019-0049  |<img src="./img/w.png">  沪公网安备 31011502005603号</span>
            <span>Copyright © 2012-2022 www.ximalaya.com lnc. ALL Rights Reserved  |<img src="../img/eee.png">上海互联网举报中心  |<img src="../img/q.png">网上有害信息举报专区  |</span>
            <ul>
              <li>关于我们</li>
              <li>联系我们</li>
              <li>求助</li>
              <li>辟谣</li>
              <li>公司新闻</li>
              <li>招贤纳士</li>
              <li>用户反馈</li>
              <li>服务协议</li>
              <li>隐私政策</li>
              <li>版权声明</li>
              <li class="zl">自律承诺</li>
            </ul>
          </div>
        </div>
       </div>
      <button class="fhui">返回</button>
    <script src="../libs/require.js" data-main="../js/main2"></script>
</body>
</html>